<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="./js/jquery-1.3.2.min.js"></script>
<style type="text/css">
	* {
		font-family: "Arial";
		font-size: 11px;
	}
	body { margin: 0em; padding: 0em;}
	.TourInformationField {
		width: 70px;
		color: #03426A;
		border-right: 3px solid #24587A;
		text-align: right;
	}
	input, select, textarea
	{
    Border:1px solid #24587A;
    Padding : 1px;
    Margin : 1px;
    Background-color : transparent;
    color:#3E97D1;
	}
	.TourDetailDayLabel {
		color: #03426A;
		text-align:right;
		border-right: 3px solid #24587A;
	}
	.TourDetailDayLabelNone {
	border-right: 1px dotted #65A6D1;
	}
	.TourDetailDayHead {
	color: #03426A;
	}
</style>
<script language="javascript">
$(function() {
	$(".TourDetailDayProgram").hide();
	$(".TourDetailProgramMore").click(function(){
		$(this).parent().parent().next().toggle();
	});
	$(".test").click(function(){
		$(this).parent().parent().after("<tr><td colspan='6' style='background-color: #CCCCCC;'></td></tr>");
	});
});
function TourInformationExpend_click() {
	$(".TourInformationDataRow").toggle();
}
function TourDetailExpend_click() {
	$(".TourDetailDayRow").toggle();
	$(".TourDetailDayProgram").hide();
}
</script>
<title>Insert title here</title>
</head>
<body>

<div id="tabs-tour">
	<table border="0" cellspacing="0" cellpadding="3px" style="position: relative; width: 625px; left: 5px;">
	  <tr>
	    <td width="75px" style="background-color: #3E97D1; border-bottom: 1px solid #3E97D1; color: #FFFFFF;">基本資訊</td>
	    <td colspan="5" style="border-bottom: 1px solid #3E97D1;">&nbsp;</td>
	    <td align="right" style="border-bottom: 1px solid #3E97D1;"><span id="TourInformationExpend" onclick="TourInformationExpend_click();" style="cursor:pointer;">展開 / 收合</span></td>
	  </tr>
	  <tr class="TourInformationDataRow">
	    <td width="75px" rowspan="5" valign="top" align="left">修改</td>
	    <td class="TourInformationField">旅遊名稱</td>
	    <td colspan="3"><input type="text" name="tour_name" id="tour_name" value="" disabled="disabled" style="width:100%;"/></td>
	    <td class="TourInformationField">狀態</td>
	    <td width="110px"><select name="tour_type" disabled="disabled" id="tour_type" style="width:100%;"><option>計畫中</option><option>分享編輯</option><option>公開閱覽</option><option>存封</option></select></td>
	  </tr>
	  <tr class="TourInformationDataRow" height="1"><td height="1" colspan="6"></td></tr>
	  <tr class="TourInformationDataRow">
	    <td class="TourInformationField">開始日期</td>
	    <td width="115px"><input type="text" class="myDatePicker_tour" name="tour_startdate" id="tour_startdate" value="" disabled="disabled" style="width:100%;" /></td>
	    <td class="TourInformationField">結束日期</td>
	    <td width="115px"><input type="text" class="myDatePicker_tour" name="tour_enddate" id="tour_enddate" value="" disabled="disabled" style="width:100%;" /></td>
	    <td class="TourInformationField">人數</td>
	    <td width="110px"><input type="text" name="tour_people" id="tour_people" value="" disabled="disabled" style="width:100%;" /></td>
	  </tr>
	  <tr class="TourInformationDataRow" height="1"><td height="1" colspan="6"></td></tr>
	  <tr class="TourInformationDataRow">
	    <td class="TourInformationField" valign="top">描述</td>
	    <td colspan="5"><textarea rows="5" name="tour_description" id="tour_description" disabled="disabled" style="width:100%;"></textarea></td>
	  </tr>
	  <tr class="TourInformationDataRow" height="1"><td height="1" colspan="7"></td></tr>
	</table>
</div>

<br /><br /><br />

<div id="tabs-details">
	<table border="0" cellspacing="0" cellpadding="3px" style="position: relative; width: 625px; left: 5px;">
	  <tr>
	    <td width="75px" style="background-color: #3E97D1; border-bottom: 1px solid #3E97D1; color: #FFFFFF;">每日行程</td>
	    <td width="125px" style="border-bottom: 1px solid #3E97D1;">&nbsp;</td>
	    <td width="200px" style="border-bottom: 1px solid #3E97D1;">&nbsp;</td>
	    <td width="125px" style="border-bottom: 1px solid #3E97D1;">&nbsp;</td>
	    <td width="50px" style="border-bottom: 1px solid #3E97D1;">&nbsp;</td>
	    <td width="50px" style="border-bottom: 1px solid #3E97D1;" align="right"><span id="TourDetailExpend" onclick="TourDetailExpend_click();" style="cursor:pointer;">開合</span></td>
	  </tr>
	  <tr class="TourDetailDayRow">
	    <td class="TourDetailDayLabel">1. 2009/12/01</td>
	    <td class="TourDetailDayHead">時間</td>
	    <td class="TourDetailDayHead">行程名稱</td>
	    <td class="TourDetailDayHead">類型</td>
	    <td class="TourDetailDayHead">&nbsp;</td>
	    <td class="TourDetailDayHead"><span class="test" style="cursor: pointer;">新增行程</span></td>
	  </tr>
	  <tr class="TourDetailDayRow">
	    <td class="TourDetailDayLabelNone"></td>
	    <td><input type='text' class='myTimePicker' name='program_starttime_' id='program_starttime_' style='width:35px; border:0;' />—<input type='text' class='myTimePicker' name='program_endtime_' id='program_endtime_' style='width:35px;border:0;' /></td>
	    <td><input name='program_name_' id='program_name_' type='text' style='width:98%;' /></td>
	    <td><select name='program_select_' id='program_select_' style='width:98%;' onChange='program_select(\"program_select_\");'><option value='null'> -- </option><option value='interest'>Interest</option><option value='food'>Food</option><option value='activity'>Activity</option><option value='hotel'>Hotel</option><option value='transportation'>Transportation</option><option value='schedule'>Schedule</option></select></td>
	    <td><div class="TourDetailProgramMore" style="cursor:pointer;width:15px;">more...</div></td>
	    <td align="right">修改</td>
	  </tr>
	  <tr class="TourDetailDayRow TourDetailDayProgram">
	    <td class="TourDetailDayLabelNone"></td>
	    <td>&nbsp;</td>
	    <td colspan="4">
	    		<table border="0" cellspacing="0" cellpadding="1px" style="width: 100%; border-right: 1px dotted #65A6D1; border-bottom: 1px dotted #65A6D1; color:#03426A;">
	    				<tr><td width="50px" style="background-image: url('./img/icon/book_open.png'); background-repeat: no-repeat; padding-left:20px;">網站連結</td><td width="300px"><input type="text" style="width: 98%;" /></td></tr>
	    				<tr><td width="50px">地圖</td><td width="300px"><input type="text" style="width: 98%;" /></td></tr>
	    				<tr><td width="50px">描述</td><td width="300px"><input type="text" style="width: 98%;" /></td></tr>
	    		</table>
	    </td>
	  </tr>
	  <tr class="TourDetailDayRow">
	    <td class="TourDetailDayLabelNone"></td>
	    <td>15:00-16:00</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	  </tr>
	  <tr class="TourDetailDayRow">
	    <td class="TourDetailDayLabelNone"></td>
	    <td>20:00-22:00</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	  </tr>	 
	  <tr class="TourDetailDayRow">
	    <td class="TourDetailDayLabel">2. 2009/12/02</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	  </tr>
	  <tr class="TourDetailDayRow">
	    <td class="TourDetailDayLabelNone"></td>
	    <td>13:00-14:00</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	  </tr>
	  <tr class="TourDetailDayRow">
	    <td class="TourDetailDayLabelNone"></td>
	    <td>15:00-16:00</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	  </tr>		  
	  <tr class="TourDetailDayRow">
	    <td class="TourDetailDayLabel">3. 2009/12/03</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	  </tr>
	  <tr class="TourDetailDayRow">
	    <td class="TourDetailDayLabelNone"></td>
	    <td>11:00-12:00</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	  </tr>
	  <tr class="TourDetailDayRow">
	    <td class="TourDetailDayLabelNone"></td>
	    <td>15:00-16:00</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	    <td>&nbsp;</td>
	  </tr>	
	</table>

</div>

</body>
</html>